<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html dir="ltr" lang="en-US" xmlns="http://www.w3.org/1999/xhtml">  
<!-- Mirrored from www.nicolaegabriel.info/live/quickadmin/tables.html by HTTrack Website Copier/3.x [XR&CO'2010], Thu, 18 Oct 2012 18:29:25 GMT -->
<head> 
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />  
	<title>Quickadmin - Tables</title>   
	<!-- 1140px Grid styles for IE --> <!--[if lte IE 9]><link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
	<![endif]-->  <!-- The 1140px Grid --> 
	<link rel="stylesheet" href="_layout/1140.css" type="text/css" media="screen" />   
	<link rel="stylesheet" href="_layout/styles.css" type="text/css" media="screen" /> 
	<link rel='stylesheet' href='_themes/default.css' type='text/css' media='screen' />   
	<!--css3-mediaqueries-js - http://code.google.com/p/css3-mediaqueries-js/ - Enables media queries in some unsupported browsers--> 
	<script type="text/javascript" src="_layout/scripts/css3-mediaqueries.js"></script>   
	<!-- Fonts --> 
	<link href='http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold|PT+Sans+Narrow:regular,bold|Droid+Serif:iamp;v1' rel='stylesheet' type='text/css' />
	<!-- Scripts --> <script type='text/javascript' src='../../../ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.minf24c.js?ver=1.6'></script>   
	<!-- Charts --> <script type='text/javascript' src='_layout/scripts/jquery.raphael/raphael-min.js'></script> 
	<script type='text/javascript' src='_layout/scripts/jquery.morris/morris.min.js'></script>   
	<!-- WYSISYG Editor --> <script type='text/javascript' src='_layout/scripts/nicEdit/nicEdit.js'></script>   
	<!-- Forms Elemets --> <script type='text/javascript' src='_layout/scripts/jquery.uniform/jquery.uniform.min.js'></script> 
	<link rel='stylesheet' href='_layout/scripts/jquery.uniform/uniform.default.css' type='text/css' media='screen' />  
	 <!-- Table sorter --> <script type='text/javascript' src='_layout/scripts/jquery.tablesorter/jquery.tablesorter.min.js'></script> 
	 <script type='text/javascript' src='_layout/scripts/table.resizable/resizable.tables.js'></script>    
	 <script type='text/javascript' src='_layout/custom.js'></script> 
	 <script type='text/javascript' src='_layout/scripts/jquery-1.3.2.min.js'></script> 
	
	
	
	 	
	 
	 
	 </head>
	 
	 <body>  
	 
	 	<div id="header-wrapper" class="container"> 
	 		<div id="user-account" class="row" > 
	 			<div class="threecol"> 
	 				<span>Welcome to the best Dashboard v1.0</span> 
	 			</div> 
	 			<div class="ninecol last"> 
	 				<a href="#">Logout</a> 
	 				<span>|</span> 
	 				<a href="#">My account</a> 
	 				<span>|</span> <span>Welcome, <strong>Dawid!</strong></span> 
	 			</div> 
	 		</div>  
	 			 		
	 		<div id="user-options" class="row"> 
	 			<div class="threecol">
	 				<a href="dashboard.html">
	 					<img class="logo" src="_layout/images/back-logo.png" alt="QuickAdmin" />
	 				</a>
	 			</div> 
	 			<div class="ninecol last fixed">  
	 				<ul class="nav-user-options"> 
	 					<li><a href="#"><img src="_layout/images/icons/icon-menu-profile.png" alt="Profile Settings" />&nbsp; Profile</a></li> 
	 					<li><a href="#"><img src="_layout/images/icons/icon-menu-messages.png" alt="Messages" />&nbsp; Messages</a></li> 
	 					<li><a href="#"><img src="_layout/images/icons/icon-menu-tasks.png" alt="Tasks" />&nbsp; Task</a></li> 
	 					<li><a href="#"><img src="_layout/images/icons/icon-menu-users.png" alt="Users" />&nbsp; User list</a></li> 
	 					<li> <a href="#"><img src="_layout/images/icons/icon-menu-settings.png" alt="Settings" />&nbsp; Settings <img class="pin" src="_layout/images/back-nav-sub-pin.png" alt="" /></a>  
		 					<ul> 
		 						<li class="first"><a href="#">Item number 01</a></li> 
		 						<li><a href="#">Item number 02</a></li> <li><a href="#">Item number 03</a></li> 
		 						<li class="last"><a href="#">Item number 04</a></li> 
		 						<li class="pin"></li> 
		 					</ul> 
		 				</li> 
		 			</ul>  
		 		</div> 
		 	</div> 
		 </div>  
		 
		 <div class="container"> 
		 	<div class="row">  
		 		<div id="sidebar" class="threecol"> 
		 			<ul id="navigation"> 
		 				<li class="first">
		 					<a href="dashboard.html">Dashboard <span class="icon-dashboard"></span></a>
		 				</li> 
		 				<li>
		 					<a href="charts.html">Charts <span class="icon-charts"></span></a>
		 				</li> 
		 				<li>
		 					<a href="form-elements.html">Form Elements <span class="icon-forms"></span></a>
		 				</li> 
		 				<li>
		 					<a href="interface-elements.html">Interface Elements <span class="icon-elements"></span></a>
		 				</li> 
		 				<li class="active">
		 					<a href="tables.html">Tables <span class="icon-tables"></span></a>
		 				</li> 
		 				<li>
		 					<a href="gallery.html">Gallery <span class="icon-gallery"></span></a>
		 				</li> 
		 				<li class="sub"> 
		 					<a href="#l">Error pages <img src="_layout/images/back-nav-sub-pin.png" alt="" /> <span class="icon-error"></span></a> 
		 					<ul> 
		 						<li>
		 							<a href="error-403.html">Error 403</a>
		 						</li> 
		 						<li>
		 							<a href="error-404.html">Error 404</a>
		 						</li> 
		 						<li>
		 							<a href="error-500.html">Error 500</a>
		 						</li> 
		 						<li class="last">
		 							<a href="error-503.html">Error 503</a>
		 						</li> 
		 					</ul> 
		 				</li> 
		 				<li>
		 					<a href="faq.html">F.A.Q. <span class="icon-faq"></span></a>
		 				</li> 
		 				<li class="last">
		 					<a href="calendar.html">Calendar <span class="icon-calendar"></span></a>
		 				</li> 
		 			</ul> 
		 		</div>  
		 		<div id="content" class="ninecol last"> 
		 		  
		 		
		 		    <script type=”text/javascript” language="JavaScript">
		$(document).ready(function(){
			alert('Carregou');	
			$(#textoMinimizar).click(function(){
				alert('Entrou');	
			});		

		});
	</script>
		 		
		 		
		 		<div class="panel-wrapper"> 
		 			<div class="panel"> 
		 				<div class="title"> 
		 					<h4>Table sample</h4> 
		 						<div class="collapse"><span id="textoMinimizar">Minimizar</span></div> 
		 				</div>  
		 				<div class="content"> 
		 				<!-- ## Panel Content  -->  
		 				<table id="sample-table" class=""> 
		 					<thead> 
		 						<tr> 
		 							<th>Last Name</th> 
		 							<th>First Name</th> 
		 							<th>Email</th> 
		 							<th>Due</th> 
		 							<th>Web Site</th> 
		 						</tr> 
		 					</thead> 
		 					<tbody> 
		 						<tr> 
		 							<td>Soares</td> 
		 							<td>Rafael</td> 
		 							<td>rafael.henrique.soares@gmail.com</td> 
		 							<td>$50.00</td> 
		 							<td>http://www.soarez.com</td> 
		 						</tr> 
		 						<tr> 
		 							<td>Virgílio</td> 
		 							<td>Thiago</td> 
		 							<td>thiagopco@gmail.com</td> 
		 							<td>$50.00</td> 
		 							<td>http://www.virgilios.com</td> 
		 						</tr> 
		 						<tr> 
		 							<td>Soares</td> 
		 							<td>André</td> 
		 							<td>andre.soares@gmail.com</td> 
		 							<td>$100.00</td> 
		 							<td>http://www.soarez.com</td> 
		 						</tr> 
		 					 </tbody> 
		 				</table>  
		 				<!-- ## / Panel Content  --> 
		 			</div> 
		 		</div>  
		 		<div class="shadow">
		 		</div> 
		 	</div>   
		 </div> 
		</div>
	 </div>
   </body>  
   

   
</html> 













